<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
	<title>jQuery treeview</title>
	
	<link rel="stylesheet" href="../scripts/jquery/tree/jquery.treeview.css" />
	<link rel="stylesheet" href="../scripts/jquery/tree/screen.css" />
	
	<script src="../scripts/jquery/jquery.js" type="text/javascript"></script>
	<script src="../scripts/jquery/jquery.cookie.js" type="text/javascript"></script>
	
	<script src="../scripts/jquery/tree/jquery.treeview.js" type="text/javascript"></script>
	
	<script type="text/javascript">
		$(function() {
			$("#browser").treeview();
		});
	</script>
	
	</head>
	<body>
	
	<h1 id="banner"><a href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/">jQuery Treeview Plugin</a> Demo</h1>
	<div id="main">

	<h4>Sample 1 - default</h4>
	<ul id="browser" class="filetree">
		<li><img src="../scripts/jquery/images/folder.gif" /> 123</span>
			<ul>
				<li>blabla <img src="../scripts/jquery/images/file.gif" /></li>
			</ul>
		</li>
		<li><img src="../scripts/jquery/images/folder.gif" />
			<ul>
				<li><img src="../scripts/jquery/images/folder.gif" />
					<ul id="folder21">
						<li><img src="../scripts/jquery/images/file.gif" /> more text</li>
						<li>and here, too<img src="../scripts/jquery/images/file.gif" /></li>
					</ul>
				</li>
				<li><img src="../scripts/jquery/images/file.gif" /></li>
			</ul>
		</li>
		<li class="closed">this is closed! <img src="../scripts/jquery/images/folder.gif" />
			<ul>
				<li><img src="../scripts/jquery/images/file.gif" /></li>
			</ul>
		</li>
		<li><img src="../scripts/jquery/images/file.gif" /></li>
	</ul>
		
</div>
 
</body></html>